<template>
	<view class="content"><web-view :src="url" @message="message"></web-view></view>
</template>

<script>
	export default {
		data() {
			return {
				// pdf.js的viewer.htm所在路径
				// 注意：静态的html文件需要放在根路径下的 hybrid/html 文件夹中
				viewerUrl: '/static/PDF/web/viewer.html',
				// 要访问的pdf的路径
				fileUrl: 'http://47.101.183.8:8088/test.pdf',
				// 最终显示在web-view中的路径
				url: ''
			};
		},
		onLoad(query) {
			console.log(query);
			let newUrl = plus.io.convertLocalFileSystemURL(query.url)
			uni.showLoading({
				title: '加载中'
			});
			this.url = `${this.viewerUrl}?file=file://${encodeURIComponent(newUrl)}`;
			setTimeout(() => {
				uni.hideLoading();
			}, 500)
		},
		methods: {
			message(event) {
				console.log(event.detail.data[0])
				if (event.detail.data[0].msgContent == 'close') {
					uni.navigateBack()
				}
			}
		}
	};
</script>

<style>
	.content {
		width: 100vw;
		height: 100vh;
	}
</style>